#app-content-body {
    background-image: url(images/square.gif);
}

#app-content-innerCt {
    padding: 20px;
    vertical-align: middle;
}

#app-content-innerCt > * {
    margin: auto;
}

#app-footer {
    background-color: #f6f5ec;
}

#app-header {
    background-color: #81af34;
    background-image: -webkit-linear-gradient(top, #8fc33a, #739b2e);
    background-image: linear-gradient(to bottom, #8fc33a, #739b2e);
    border-bottom: 1px solid #567422;
}

#app-header-title {
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 1px 0 #4e691f;
}

#app-header-version {
    color: gray;
}

.thumbnails {
    display: table;
}

.thumbnail-item {
    float: left;
    width: 116px;
    height: 156px;
    margin: 10px;
    cursor: pointer;
    overflow: hidden;
    background-color: white;
}

.thumbnail-text {
    text-align: center;
}

.thumbnail-icon-wrap {
    width: 96px;
    height: 96px;
    text-align: center;
    font-size: 96px;
    line-height: 96px;
    margin: 0 auto 8px;
    position: relative;
    overflow: hidden;
    color: #3892d3;
}

.thumbnail-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 48px;
    line-height: 96px;
    color: #b8d8f0;
    overflow: hidden;
}